<template>
	<view>
		<view class="box">
			<view class="box-command">
				<view><u--image src="../../../static/add_sign.png" width="18px" height="18px"></u--image></view>
				<view><u--image src="../../../static/empty_sign.png" width="18px" height="18px"></u--image></view>
			</view>
			<view class="box-user">
				<view
					v-for="(item,index) in userInfo"
					:key="index"
				></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo:[1,2,3]
			};
		}
	}
</script>

<style lang="scss">
	.box{
		width: 90%;
		height: 80vh;
		border: solid rgba(0, 0, 0, 0.2) 1px;
		margin: 20px auto;
		.box-command{
			height: 20px;
			border-bottom: solid rgba(0, 0, 0, 0.2) 1px;
			display: flex;
			justify-content: flex-end;
			align-items: center;
			&>view{
				margin-right: 13rpx;
			}
			&>view:nth-child(2){
				margin-right: 15rpx;
			}
		}
		.box-user{
			display: flex;
			flex-direction: column;
			&>view{
				height: 80rpx;
				border-bottom: solid rgba(0, 0, 0, 0.2) 1px;
			}
		}
	}
</style>
